<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h3>表单标签</h3>
    <!--  
      form: 作用  接收用户输入的数据 将数据传递给后台服务器
        action: 后台服务器接收数据的地址
        method:指定请求方式 get /post 
        表单项:
            输入框 text
            密码框 password
            单选框 redio
            复选框 checkbox
            下拉列表 select
                        option
            隐藏域:页面不会显示 但是会进行提交 hidden
            文本域 interduce
        注意:
           1.表单会将数据以键值对的形式提交到后台  键 name属性值 值 输入的表单数据  
              username=zs&pwd=123456
           2.请求方式 get post
                     get:  请求数据会展示在浏览器地址栏
                     post: 请求数据会封装到请求体中  
           3.必须写name属性       
           4.下拉列表    selected 默认选择
             单选框/复选框  checked 默认选择
                  
    -->
    <form action="/serive" method="get">
         用户名: <input type="text" name="username"> <br>
         密码: <input type="password" name="pwd"> <br>
         生日: <input type="date" name="birthday"> <br>
         性别: 
          <input type="radio" name="gender" value="man"> 男
          <input type="radio" name="gender" value="woman" checked> 女
          <br>
        出生地址: 
            <select name="city" id="">
                <option value="">城市</option>
                <option value="bj">北京</option>
                <option value="sh">上海</option>
                <option value="sz" selected>深圳</option>
                <option value="gz">广州</option>
            </select> 
            <br>
        爱好:
           <input type="checkbox" name="hobby" value="read"> 读书
           <input type="checkbox" name="hobby" value="run"> 跑步
           <input type="checkbox" name="hobby" value="study" checked> 学java
           <input type="checkbox" name="hobby" value="sleep"> 睡觉    
         
<br>        
            <input type="hidden" name="personid" value="3">
            <br>
            <textarea name="introduce" id="" cols="30" rows="10">



            </textarea>

<br>
         <input type="submit" > 
         <input type="button" value="普通按钮">
         <input type="reset" value="重置">
    </form>
    <hr>
    <form action="/service" method="post">
       用户名: <input type="text" name="username">  <br>
       密码:   <input type="password" name="pwd"> <br>

       <input type="submit">

    </form>


</body>
</html>